@import 'css/variables.scss';
@import '../forms.scss';

.keyframe2video-form {
    @include flex-column;
    gap: $spacing-md;
    padding: $spacing-md;
    height: 100%;

    .file-upload-container {
        position: relative;
        border: 2px dashed #ccc;
        border-radius: 8px;
        padding: 20px;
        text-align: center;
        cursor: pointer;

        .file-input {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
        }

        .file-upload-text {
            font-size: 14px;
            color: #666;
        }

        .image-preview {
            img {
                max-width: 100%;
                max-height: 200px;
                object-fit: contain;
                border-radius: 8px;
            }
        }
    }
}